/* 通用类名及定义 */

@color_primary: #409EFF;
@color_success: #67C23A;
@color_warning: #E6A23C;
@color_danger: #F56C6C;
@color_info: #909399;

/* 主要文本颜色 */
@color_primary-text: #303133;
/* 标准文本颜色 */
@color_regular-text: #606266;
/* 次级文本颜色 */
@color_secondary-text: #909399;

.color_primary {
    color: @color_primary !important;
}

.color_success {
    color: @color_success !important;
}

.color_warning {
    color: @color_warning !important;
}

.color_danger {
    color: @color_danger !important;
}

.color_info {
    color: @color_info !important;
}

.color_primary-text {
    color: @color_primary-text;
}

.color_regular-text {
    color: @color_regular-text;
}

.color_secondary-text {
    color: @color_secondary-text;
}

.bg_contain {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg_cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bold {
    font-weight: bold;
}

.link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.ellipsis_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ellipsis_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}